const { defineConfig } = require("@vue/cli-service");
const path = require("path");
const resolve = (dir) => path.join(__dirname, dir);

module.exports = defineConfig({
  transpileDependencies: ['@ct/component-gallery-tracking-sdk'],
  css: {
    extract: false, // 是否使用css分离插件 ExtractTextPlugin
    sourceMap: process.env.NODE_ENV === "development", // 开启 CSS source maps?
  },
  // 部署生产环境和开发环境下的URL。
  // 默认情况下，Vue CLI 会假设你的应用是被部署在一个域名的根路径上
  // 例如 https://www.comp.vip/。如果应用被部署在一个子路径上，你就需要用这个选项指定这个子路径。
  //  publicPath: process.env.VUE_APP_BASE || '/',
  // publicPath: process.env.VUE_APP_ROUTER_BASE,
  publicPath: process.env.VUE_ROUTER_BASE || "/",
  // 在npm run build 或 yarn build 时 ，生成文件的目录名称（要和baseUrl的生产环境路径一致）（默认dist）
  outputDir: process.env.VUE_APP_OUTPUTDIR || "dist",
  // 用于放置生成的静态资源 (js、css、img、fonts) 的；（项目打包之后，静态资源会放在这个文件夹下）
  assetsDir: "static",
  // 是否开启eslint保存检测，有效值：ture | false | 'error'
  lintOnSave: process.env.NODE_ENV === "development",
  // 如果你不需要生产环境的 source map，可以将其设置为 false 以加速生产环境构建。
  productionSourceMap: process.env.NODE_ENV !== "production",

  // webpack-dev-server 相关配置
  devServer: {
    host: "0.0.0.0",
    port: 9999,
    proxy: {
      "/amapapi": {
        target: "https://restapi.amap.com",
        changOrigin: true, //开启代理
        pathRewrite: {
          "^/amapapi": "",
        },
      },
      "/preview": {
        target: process.env.VUE_APP_BASE_IMG_URL,
        changOrigin: true, //开启代理
        pathRewrite: {
          "^/preview": "",
        },
      },
      [process.env.VUE_APP_BASE_IMG]: {
        target: process.env.VUE_APP_BASE_IMG_URL,
        changOrigin: true, //开启代理
        pathRewrite: {
          ["^" + process.env.VUE_APP_BASE_IMG]: "",
        },
      },
      [process.env.VUE_APP_BASE_API]: {
        target: process.env.VUE_APP_SERVICE_URL,
        changeOrigin: true,
        pathRewrite: {
          // ['^' + process.env.VUE_APP_BASE_API]: ''
        },
      },
    },
    allowedHosts: "all",
    client: {
      overlay: false,
    },
  },
  configureWebpack: {
    name: "中国铁塔-事件管理",
    devtool: process.env.NODE_ENV === "development" ? "source-map" : false,
    resolve: {
      extensions: [".js", ".json", ".vue"],
      alias: {
        '@': resolve('src'),
        "#": resolve("public"),
      },
      fallback: {
        path: require.resolve("path-browserify"),
      },
    },
  },
  chainWebpack(config) {
    config.plugins.delete("preload");
    config.plugins.delete("prefetch");
    config.module
      .rule("babel-loader")
      .exclude.add(/node_modules/)
      .end();
    // set svg-sprite-loader
    config.module.rule("svg").exclude.add(resolve("src/assets/icons")).end();
    config.module
      .rule("icons")
      .test(/\.svg$/)
      .include.add(resolve("src/assets/icons"))
      .end()
      .use("svg-sprite-loader")
      .loader("svg-sprite-loader")
      .options({ symbolId: "icon-[name]" })
      .end();
  },
});
